function calendario(clicked_id){   
    if(clicked_id == "buscarMarcas"){
         strDate1 = $('#desde1').val();
         strDate2 = $('#hasta1').val();
    }else if(clicked_id == "buscarTardias"){
         strDate1 = $('#desde2').val();
         strDate2 = $('#hasta2').val();
    }else if(clicked_id == "buscarAusencias"){
         strDate1 = $('#desde3').val();
         strDate2 = $('#hasta3').val();
    }
    
    if(strDate1 == "Seleccione la fecha" || strDate2 == "Seleccione la fecha"){
        alert('Seleccione un rango de fechas');
        return false;
    }
                
    var dateParts1 = strDate1.split("/");
    var FechaDesde = new Date(dateParts1[2], dateParts1[1] , dateParts1[0]);
    var desde = FechaDesde.getFullYear()+"-"+FechaDesde.getMonth()+"-"+FechaDesde.getDate();
    //Fecha Hasta
    
    var dateParts2 = strDate2.split("/");
    var FechaHasta = new Date(dateParts2[2], dateParts2[1] , dateParts2[0]);
    var hasta = FechaHasta.getFullYear()+"-"+FechaHasta.getMonth()+"-"+FechaHasta.getDate();
        
    if(FechaDesde > FechaHasta){
        alert("Error en la fechas, deben tener orden cronológico");
        return false;
    }
        
//Boton de mis marcas
    if(clicked_id == "buscarMarcas"){
        var form_data = {
            FdesdeView: strDate1,
            FhastaView: strDate2,
            Fdesde: desde,
            Fhasta: hasta,
            ajax: '1'
        };
    
    
        $.ajax({
            url: $(this).attr('href'),
            type: 'POST',
            data: form_data,
            success: function(msg){
                $('#info_usuario').html(msg);
        
            }
        
        });
                    
        return false;
    }else if(clicked_id == "buscarTardias"){
        var form_data = {
            FdesdeView: strDate1,
            FhastaView: strDate2,
            Fdesde: desde,
            Fhasta: hasta,
            ajax: '2'
        };
    
    
        $.ajax({
            url: $(this).attr('href'),
            type: 'POST',
            data: form_data,
            success: function(msg){
                $('#info_usuario2').html(msg);
        
            }
        
        });
                    
        return false;
    }else if(clicked_id == "buscarAusencias"){
        var form_data = {
            FdesdeView: strDate1,
            FhastaView: strDate2,
            Fdesde: desde,
            Fhasta: hasta,
            ajax: '3'
        };
    
    
        $.ajax({
            url: $(this).attr('href'),
            type: 'POST',
            data: form_data,
            success: function(msg){
                $('#info_usuario3').html(msg);
        
            }
        
        });
                    
        return false;
    }
    
}   
        
$(function() {
    $( "#desde1" ).datepicker({
        altField: "#desde1",
        showAnim: "drop",
        dateFormat: "dd/mm/yy"
    });
            
});          
$(function() {
    $( "#hasta1" ).datepicker({
        altField: "#hasta1",
        showAnim: "drop",
        dateFormat: "dd/mm/yy" 
    });
            
}); 
$(function() {
    $( "#desde2" ).datepicker({
        altField: "#desde2",
        showAnim: "drop",
        dateFormat: "dd/mm/yy"
    });
            
});          
$(function() {
    $( "#hasta2" ).datepicker({
        altField: "#hasta2",
        showAnim: "drop",
        dateFormat: "dd/mm/yy" 
    });
            
}); 
$(function() {
    $( "#desde3" ).datepicker({
        altField: "#desde3",
        showAnim: "drop",
        dateFormat: "dd/mm/yy"
    });
            
});          
$(function() {
    $( "#hasta3" ).datepicker({
        altField: "#hasta3",
        showAnim: "drop",
        dateFormat: "dd/mm/yy" 
    });
            
});